        <div class="panel panel-default" style="border-left:none;border-right:none;border-radius:0;">
          <!-- Default panel contents -->
          <div class="panel-heading">{d.title}</div>
          <!-- Table -->
          <table class="table table-striped" style="">
            <tbody>
              {each d.list as task}
              <tr class="task-info" data-id="{task.uuid}" data-tasklist-id="{task.tasklist_uuid}">
                <td width="34">
                  {if task.status==0 }
                  <i class="icon-circle icon-large task-status"></i>
                  {/if}
                  {if task.status==1 }
                  <i class="icon-check-empty icon-large task-status"></i>
                  {/if}
                  {if task.status==2 }
                  <i class="icon-check icon-large task-status"></i>
                  {/if}
                </td>
                <td width="20" class="task-users">
                  <a href="#" title="{task.username}"><img src="{task.avatar}" alt="Mika Sokeil" class="img-rounded" style="width:18px;height:18px;"></a>
                </td>
                <td>
                  <a href="#" title="{task.name}">{task.name}</a>
                </td>
                <td>
                  {task.comments}<i class="icon-comment"></i>
                </td>
                <td></td>
                <td style="text-align: right;">
                  <span class="label label-info">tag1</span>
                  <span class="label label-info">tag1</span>
                  <span class="label label-info">tag1</span>
                  <span class="label label-primary task-date" data-date-format="yyyy-mm-dd" data-date="{task.assign_date}">{task.assign_date}</span>
                </td>
              </tr>
              {/each}
            </tbody>        
          </table>
        </div>